<template>
  <div class="content">
    <div class="cloud-header">
      <h2>基本配置</h2>
    </div>
    <div class="cloud-body">
      <!-- 码农云开发信息 -->
      <div class="cloud-model">
        <div class="cloud-model-title">
          <h3>码农云开发信息</h3>
          <div class="cloud-model-action"></div>
        </div>
        <div class="cloud-model-group">
          <label>开发者ID<span class="tips">(AppID)</span></label>
          <div class="cloud-model-group-main">
            <p>{{apply.AppID}}</p>
            <p class="cloud-model-group-tips ">开发者ID是码农云开发识别码，配合开发者密码可调用码农云的接口能力。</p>
          </div>
        </div>
        <div class="cloud-model-group">
          <label>开发者密码<span class="tips">(AppSecret)</span></label>
          <div class="cloud-model-group-main">
            <p>{{apply.AppSecret}}</p>
            <p class="cloud-model-group-tips ">开发者密码是校验码农云开发者身份的密码，具有极高的安全性。切记勿把密码直接交给第三方开发者。如需第三方代开发码农云，请使用授权方式接入。</p>
          </div>
        </div>
        <div class="cloud-model-group">
          <label>IP白名单</label>
          <div class="cloud-model-group-main">
            <a href="javascript:;" class="extra_link" v-popup.setWhite="apply" data-width="500">查看</a>
            <p class="cloud-model-group-tips ">通过开发者ID及密码调用获取access_token接口时，需要设置访问来源IP为白名单。了解更多。</p>
          </div>
        </div>
      </div>
      <!-- 服务器配置 -->
      <div class="cloud-model">
        <div class="cloud-model-title">
          <h3>服务器通信</h3>
          <div class="cloud-model-action"></div>
        </div>
        <div class="cloud-model-group">
          <label>服务器地址<span class="tips">(URL)</span></label>
          <div class="cloud-model-group-main">
            <p>https://api.manong.cloud</p>
          </div>
        </div>
        <div class="cloud-model-group">
          <label>同步时间<span class="tips">(Time)</span></label>
          <div class="cloud-model-group-main">
            <p>{{new Date()}}</p>
          </div>
        </div>
        <div class="cloud-model-group">
          <label>当前令牌<span class="tips">(Token)</span></label>
          <div class="cloud-model-group-main">
            <p>Uc3Nmf1kcCg38461f6tCCsmzt3nx1t14</p>
          </div>
        </div>
      </div>
      <!-- 服务器配置 -->
      <div class="cloud-model">
        <div class="cloud-model-title">
          <h3>绑定的码农云账号</h3>
          <div class="cloud-model-action"></div>
        </div>
        <div class="cloud-model-group">
          <label>已绑定帐号</label>
          <div class="cloud-model-group-main">
            <p>{{apply._userid}}<a href="javascript:;" class="extra_link">转让</a></p>
          </div>
        </div>
        <div class="cloud-model-group">
          <label>应用原始ID</label>
          <div class="cloud-model-group-main">
            <p>{{apply.config.apply.admin.id}}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
export default {
  data() {
    return {
      apply: {
        config: {
          apply: {
            admin: {
              id: '尚未关联'
            }
          }
        }
      }
    };
  },
  /**
   * 页面加载执行
   * @return {[type]} [description]
   */
  mounted() {
    this.handleApplyInfo();
  },
  methods: {
    handleApplyInfo() {
      this.$cloud.apply().get(this.$cloud.AppID).then(res => {
        console.log('res', res);
        this.apply = res;
      }).catch(error => {
        console.log('错误', error);
      });
    }
  }
};

</script>
<style type="text/css">
</style>
